const commonXYAxis = {
  axisLine: {
    lineStyle: {
      color: {
        light: '#D9E0E6',
        dark: '#3D5161',
        real: '#868686',
      },
    },
  },
  axisLabel: {
    textStyle: {
      color: {
        light: '#999999',
        dark: '#a2b5c7',
        real: '#A6A6A6',
      },
    },
  },
  splitLine: {
    lineStyle: {
      color: {
        light: '#E9E9E9',
        dark: '#193144',
        real: '#4e4e4e',
      },
      type: {
        light: 'solid',
        dark: 'solid',
        real: 'solid',
      },
    },
  },
};
export default {
  backgroundColor: {
    light: '#fff',
    dark: '#0D263A',
    real: '#232323',
  },
  label: {
    title: {
      color: {
        light: '#00acff',
        dark: '#fff',
        real: '#fff',
      },
    },
    title0: {
      color: {
        light: '#606266',
        dark: '#fff',
        real: '#fff',
      },
    },
    value0: {
      color: {
        light: '#2978ED',
        dark: '#22C4FD',
        real: '#22C4FD',
      },
    },
    subTitle: {
      color: {
        light: '#666',
        dark: '#658aac',
        real: '#658aac',
      },
    },
    color: {
      light: '#00acff',
      dark: '#00f7ff',
      real: '#eeeeee',
    },
  },
  title: {
    textStyle: {
      color: {
        light: '#333',
        dark: '#00f7ff',
        real: '#00f7ff',
      },
    },
    color: {
      light: '#3C3C3C',
      dark: '#01F5F5',
      real: '#01F5F5',
    },
  },
  legend: {
    textStyle: {
      color: {
        light: '#999999',
        dark: '#a2b5c7',
        real: '#eeeeee',
      },
      valueColor: {
        light: '#1AB2FF',
        dark: '#F8D803',
        real: '#F8D803',
      },
    },
  },
  tooltip: {
    backgroundColor: {
      light: 'rgba(34, 34, 34, 0.7)',
      dark: 'rgba(53, 83, 107, 0.7)',
      real: 'rgba(53, 83, 107, 0.7)',
    },
    nameColor: {
      light: '#DBDBDB',
      dark: '#aabed0',
      real: '#aabed0',
    },
    valueColor: {
      light: '#fff',
      dark: '#fff',
      real: '#fff',
    },
    textStyle: {
      color: {
        light: '#FAFAFA',
        dark: '#FAFAFA',
        real: '#FAFAFA',
      },
    },
    seriesNameColor: {
      light: '#DBDBDB',
      dark: '#aabed0',
      real: '#aabed0',
    },
    axisPointer: {
      lineStyle: {
        color: {
          light: '#C1C1C1',
          dark: '#C1C1C1',
          real: '#C1C1C1',
        },
      },
    },
  },
  colorGroup: {},
  markLine: {
    lineStyle: {
      color0: {
        light: '#FF0000',
        dark: '#02E0E8',
        real: '#02E0E8',
      },
      color1: {
        light: '#00ACFF',
        dark: '#00ACFF',
        real: '#00ACFF',
      },
      color2: {
        light: '#00ACFF',
        dark: '#00ACFF',
        real: '#00ACFF',
      },
      color: {
        light: '#FF0000',
        dark: '#02E0E8',
        real: '#02E0E8',
      },
    },
  },
  dataZoom: {
    borderColor: {
      light: 'transparent',
      dark: 'transparent',
      real: 'transparent',
    },
    fillerColor: {
      light: '#65C7F8',
      dark: '#00f0ff',
      real: '#4e4e4e',
    },
    backgroundColor: {
      light: '#EFEFEF',
      dark: '#1A405F',
      real: '#232323',
    },
  },
  xAxis: {
    ...commonXYAxis,
  },
  yAxis: {
    ...commonXYAxis,
  },
  axisLine: {
    lineStyle: {
      color: {
        light: '#D9E0E6',
        dark: '#3D5161',
        real: '#3D5161',
      },
    },
  },
  itemStyleColor: {
    light: '#00a3ff',
    dark: '#00a3ff',
    real: '#00a3ff',
  },
  axisTickColor: {
    light: '#72ccff',
    dark: '#0a89b9',
    real: '#0a89b9',
  },
  splitLineColor: {
    light: '#72ccff',
    dark: '#0a89b9',
    real: '#0a89b9',
  },
  titleColor: {
    light: '#999999',
    dark: '#35cdd2',
    real: '#35cdd2',
  },
  detailColor1: {
    light: '#00a3ff',
    dark: '#ffffff',
    real: '#ffffff',
  },
  detailColor2: {
    light: '#00a3ff',
    dark: '#84a2bc',
    real: '#84a2bc',
  },
  itemStyle: {
    borderColor: {
      light: '#fff',
      dark: '#0D263A',
      real: '#0D263A',
    },
    color: {
      light: '#FFAE3A',
      dark: '#FDB61A',
      real: '#FDB61A',
    },
    borderWidth: {
      light: 1.5,
      dark: 1.5,
      real: 1.5,
    },
  },
  labelLine: {
    lineStyle: {
      color: {
        light: 'rgba(200, 200, 200, 0.5)',
        dark: 'rgba(52, 71, 86, 0.8)',
        real: 'rgba(52, 71, 86, 0.8)',
      },
    },
  },
  axisLabel: {
    textStyle: {
      color: {
        light: '#999999',
        dark: '#a2b5c7',
        real: '#a2b5c7',
      },
    },
  },
  box: {
    backgroundColor: {
      light: '#FFF',
      dark: '#0D263A',
      real: '#0D263A',
    },
    borderTop: {
      light: '',
      dark: '',
    },
  },
  back: {
    backgroundColor: {
      light: '#F5FAFF',
      dark: '#122E45',
      real: '#122E45',
    },
  },
  value: {
    color: {
      light: '#00AAFF',
      dark: '#01F5F5',
      real: '#01F5F5',
    },
  },
  unit: {
    color: {
      light: '#00AAFF',
      dark: '#01F5F5',
      real: '#01F5F5',
    },
  },
  name: {
    color: {
      light: '#696969',
      dark: 'rgba(255,255,255,0.5)',
      real: 'rgba(255,255,255,0.5)',
    },
  },
  xyAxisAndSplitLineStyle: {
    color: {
      light: '#ECECEC',
      dark: '#293F51',
      real: '#293F51',
    },
  },
  areaStyle: {
    color: {
      light: 'rgba(255,255,255,0)',
      dark: 'rgb(13, 38, 58, 0)',
      real: 'rgb(13, 38, 58, 0)',
    },
  },
  splitArea: {
    areaStyle: {
      opacity: {
        light: 0,
        dark: 0,
        real: 0,
      },
    },
  },
  splitLine: {
    lineStyle: {
      color: {
        light: '#DFDFDF',
        dark: '#344A5C',
        real: '#344A5C',
      },
    },
  },
  lineStyle: {
    color: {
      light: '#E8E8E8',
      dark: '#375D7B',
      real: '#375D7B',
    },
    opacity: {
      light: 0.2,
      dark: 0.2,
      real: 0.2,
    },
  },
  borderColor: {
    light: '#999999',
    dark: '#FAFAFA',
    real: '#FAFAFA',
  },
  visualMap: {
    textColor: {
      light: '#999999',
      dark: '#8EB8D4',
      real: '#8EB8D4',
    },
  },
};
